button {
	border-radius: 4px;
	cursor: pointer;
	border-style: solid;
	border-width: 1.5px;
	transition: 0.3s;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*默认按钮*/
.button {
	background-color: #fff;
	color: #606266;
	border-color: #dcdfe6;
}

/*主要按钮*/
.main-button {
	background-color: #00aaff;
	color: #fff;
	border-color: #00aaff;
}

.plain-main-button {
	border-color: #00aaff;
	color: #00aaff;
	background: #ecf5ff;
}

/*成功按钮*/
.success-button {
	color: #fff;
	background-color: #16D46B;
	border-color: #16D46B;
}

.plain-success-button {
	border-color: #16D46B;
	color: #16D46B;
	background: #f0f9eb;
}

/*警告按钮*/
.warning-button {
	color: #fff;
	background-color: #ffb515;
	border-color: #ffb515;
}

.plain-warning-button {
	border-color: #ffb515;
	color: #ffb515;
	background: #fdf6ec;
}

/*删除按钮*/
.serious-button {
	background-color: #e63026;
	color: #fff;
	border-color: #e63026;
}

.plain-serious-button {
	border-color: #e63026;
	color: #e63026;
	background: #fef0f0;
}

/*信息按钮*/
.info-button {
	background-color: #b1b1b1;
	color: #fff;
	border-color: #b1b1b1;
}

.plain-info-button {
	border-color: #b1b1b1;
	color: #b1b1b1;
	background: #f4f4f5;
}

/*文本按钮*/
.text-button {
	background-color: transparent;
	border: none;
	color: #606266;
}

/*文本主要按钮*/
.text-main-button {
	background-color: transparent;
	border: none;
	color: #00aaff;
}

/*文本提交按钮*/
.text-success-button {
	background-color: transparent;
	border: none;
	color: #16D46B;
}

/*文本警告按钮*/
.text-warning-button {
	background-color: transparent;
	border: none;
	color: #ffb515;
}

/*文本删除按钮*/
.text-serious-button {
	background-color: transparent;
	border: none;
	color: #e63026;
}

/*文本信息按钮*/
.text-info-button {
	background-color: transparent;
	border: none;
	color: #b1b1b1;
}

.text-info-button:hover {
	color: #9d9d9d;
}

.text-serious-button:hover {
	color: #d92923;
}

.text-warning-button:hover {
	color: #efa912;
}

.text-success-button:hover {
	color: #13c560;
}

.text-main-button:hover {
	color: #00a1f1;
}

.plain-main-button:hover {
	background-color: #00aaff;
	color: #fff;
}

.plain-success-button:hover {
	background-color: #16D46B;
	color: #fff;
}

.plain-warning-button:hover {
	background-color: #ffb515;
	color: #fff;
}

.plain-serious-button:hover {
	background-color: #e63026;
	color: #fff;
}

.plain-info-button:hover {
	background-color: #b1b1b1;
	color: #fff;
}

.text-button:hover {
	color: #94979d;
}

.warning-button:hover {
	background-color: #f0aa13;
	border-color: #f0aa13;
}

.info-button:hover {
	background-color: #aaaaaa;
	border-color: #aaaaaa;
}

.serious-button:hover {
	background-color: #D93025;
	border-color: #D93025;
}

.success-button:hover {
	background-color: #14cb64;
	border-color: #14cb64;
}

.main-button:hover {
	background-color: #00a3f5;
	border-color: #00a3f5;
}

.button:hover {
	background-color: #F2F2F2;
}

/*大型按钮*/
.large {
	padding: 7px 14px;
	font-size: 16px;
	font-weight: 500;
}

/*中等按钮*/
.medium {
	padding: 5px 10px;
	font-size: 14px;
}

/*小型按钮*/
.small {
	padding: 3px 5px;
	font-size: 12px;
}

/*按钮组*/
.buttons-group {
	display: inline-flex;
	gap: 1px;
}

.buttons-group button {
	border-radius: 0;
}

.buttons-group button:first-child {
	border-top-left-radius: 4px;
}

.buttons-group button:last-child {
	border-top-right-radius: 4px;
}

/*半圆按钮*/
.semicircle {
	border-radius: 40px;
}

/*圆形按钮*/
.round {
	border-radius: 50%;
}

si-hr {
	height: 20px;
	display: block;
	padding-top: 20px;
}

si-select {
	display: block;
}

